<template>
    <div class="imgBg" :style="styles" ></div>
</template>

<script>
    export default {
        props:{
            src:{
                type:String,
                required:true
            },
            width:{
                type:Number,
                required:true
            },
            height:{
                type:Number,
                required:true
            },
        },
        computed:{
            styles(){
                return{
                    'background-image':'url('+this.src+')',
                    // 'width':this.width+'px',
                    // 'height':this.height+'px',
                }
            }
        }
    }
</script>

<style lang="scss" scoped>
    .imgBg{
        background-position:center;
        background-repeat:no-repeat;
        background-origin: center;
        background-size: cover;
        height:100%;
        width: 100%;
    }
</style>